<!-- 组件市场 -->
<template>
  <div class="Materials">
    <Header />

    <h1 class="font-weight-100 text-center text-3xl font-thin mt-5">组件市场</h1>
    <div class="w-full p-5 flex justify-center">
      <!-- 导航 -->
      <CateGory />
      <!-- 路由出口 -->
      <div class="coms">
        <RouterView />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import Header from "@/components/Common/Header.vue";
import CateGory from "./components/CateGory.vue";

defineOptions({
  meta: {
    title: "组件市场",
    __isRouteComponent: true,
    __redirect: "/src/views/Materials/parts/ChoosePart.vue",
  },
});
</script>

<style scoped lang="scss">
.coms {
  width: calc(1180px - 60px);
  height: 100%;
}
</style>
